import React, {Component} from 'react';
import {
    Text,
    View,
    ScrollView
} from 'react-native';
import Icon from '../../components/CustomIcons';
import SearchBox from "../../components/SearchBox";

export default class Message extends Component {
    static navigationOptions = {
        title: '消息',
        tabBarIcon: ({ tintColor }) =>
            <Icon name="icon-message" size={24} color={tintColor} />
    };

    constructor(props){
        super(props);

        this.state = {};
    }

    render(){
        return (
            <ScrollView style={{flex: 1, backgroundColor: '#efeff4'}}>
                <View style={{width: '100%', height: 200, backgroundColor: 'red'}}>
                    <View style={{height: 150, backgroundColor: 'blue'}}></View>
                    <View style={{position: 'absolute', width: '100%', height: 50, backgroundColor: 'green'}}>
                        <SearchBox/>
                    </View>

                </View>
            </ScrollView>
        )
    }
}